<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:p="http://primefaces.org/ui">

<h:head>
 <title>Conversor de Arquivos e Textos para a Nova Ortografia</title>
 <link href='http://fonts.googleapis.com/css?family=Philosopher:400,700' rel='stylesheet' type='text/css'/>
 <link rel="stylesheet" type="text/css" href="css/estilo.css" />  
</h:head>
<h:body>
<div class="container">
	<div class="clear"></div>
	<a href="index.xhtml" title="CONAO"><img src="img/logo.png" alt="CANAO" width="418" height="117" class="logo" /></a>
	<h1>Conversor de Arquivos para o Novo Acordo Ortográfico</h1>
	 <p class="mLeft">Este conversor aceita arquivos dos tipos DOC, DOCX, HTML e TXT. Após o <i>upload</i>, aguarde a conversão: você será redirecionado à página de <i>downloads</i>.</p>
	 <p class="mLeft">Selecione o arquivo que deseja converter:</p>
	 <h:form enctype="multipart/form-data"> 
	 <div class="box-upload"> 
	    <p:fileUpload fileUploadListener="#{fileUploadController.handleFileUpload}"  
	            mode="advanced"
	            multiple="false"      
	            invalidFileMessage="Arquivo Inválido"
	            invalidSizeMessage="Arquivo Vazio"
	            label="Escolher"         
	            update="messages"  
	            auto="true"  
	            allowTypes="/(\.|\/)(docx|doc|txt|html)$/"
	          	/>  
	  </div>
	    <p:growl id="messages" showDetail="true"/>  
	</h:form>
	<h1>Conversor de Textos para o Novo Acordo Ortográfico</h1> 
	<p class="mLeft">Digite o seu texto na caixa da esquerda e clique em <i>Converter</i>. Você receberá o texto convertido na caixa da direita.</p>
	 <h:form id="caixa" enctype="multipart/form-data"> 
	 <div class="box-textovelho">
	 <p:inputTextarea value="#{textConversionController.textoVelho}"/>
	 <p:commandButton value="Limpar" update="caixa" id="limpar"  
             actionListener="#{textConversionController.clear}" style="width:150px;" /> 
	 </div>
	
	  
	 <div class="box-textonovo">
	 <p:inputTextarea value="#{textConversionController.textoNovo}"/>
	 <p:commandButton value="Converter" update="caixa" id="ajax"  
             actionListener="#{textConversionController.converter}" style="width:150px;" />  
	 </div>
	 
	</h:form>
	<div class="clear"></div>
</div>
</h:body>


 </html>